<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="../js/jquery-1.10.1.min.js"></script>
    <title>Document</title>
</head>

<body>
    <button>get</button>
    <button>post</button>
    <button>jsonp</button>
</body>
<script>
    // get接口
    // $.get(url,[data],[callback],[type])

    $("button").eq(0).click(function () {
        // $.ajax({
        //     type: "get",
        //     url: "http://localhost/Js_Project/day25/homework/php/searchAllGradeLimit.php",
        //     data: {
        //         key: "",
        //         orderCol: "id",
        //         orderType: "asc",  //排序方式
        //         showNum: 10,
        //         pageIndex: 2,
        //     },
        //     async: true,
        //     dataType: "json",
        //     success(data) {
        //         console.log(data);
        //     }

        // })

        // jQuery用法
        $.get("http://localhost/Js_Project/day25/homework/php/searchAllGradeLimit.php", {
            key: "",
            orderCol: "id",
            orderType: "asc",  //排序方式
            showNum: 10,
            pageIndex: 2,
        }, function (data) { console.log(data); }, "json")
    })


    // post接口
    // $.post(url,[data],[callback],[type])
    $("button").eq(1).click(function () {
        // $.ajax({
        //     type: "post",
        //     url: "http://localhost/Js_Project/day25/homework/php/login.php",
        //     data: {
        //         account: "zhouyu",
        //         pwd: "zhouyu"
        //     },
        //     async: true,
        //     dataType: "json",
        //     success(data) {
        //         console.log(data);
        //     }

        // })

        // jQuery用法
        $.post("http://localhost/Js_Project/day25/homework/php/login.php", {
            account: "zhouyu",
            pwd: "zhouyu"
        }, function (data) { console.log(data); }, "json")
    })


    // jsonp
    $("button").eq(2).click(function () {
        // $.ajax({
        //     type: "get",
        //     url: "http://localhost/Js_Project/day26/php/searchAllGradeLimit.php",
        //     data: {
        //         key: "",
        //         orderCol: "id",
        //         orderType: "asc",  //排序方式
        //         showNum: 10,
        //         pageIndex: 2,
        //     },
        //     async: true,
        //     dataType: "jsonp",   //以jsonp跨域请求数据(不是ajax)
        //     jsonpCallback: "fn", //指定回调函数的函数名
        //     success(data) {
        //         console.log(data);
        //     }

        // })
    })


    // jsonp
    // $.getJSON(url,[data],[fn])

    $("button").eq(2).click(function () {
        // $.ajax({
        //     type: "get",
        //     url: "http://localhost/Js_Project/day26/php/searchAllGradeLimitCallBack.php",
        //     data: {
        //         key: "",
        //         orderCol: "id",
        //         orderType: "asc",  //排序方式
        //         showNum: 10,
        //         pageIndex: 2,
        //     },
        //     async: true,
        //     dataType: "jsonp",   //以jsonp跨域请求数据(不是ajax)
        //     // cb = callback (默认callback=jQuery36873377_64754395847)
        //     jsonp: "cb",   // 用来执行jsonp请求，接收回调函数的字段名(默认是callback)
        //     jsonpCallback: "callback", //指定回调函数的函数名
        //     success(data) {
        //         console.log(data);
        //     }
        // })

        // jQuery用法

        // cb   接收回调函数的字段名
        $.getJSON("http://localhost/Js_Project/day26/php/searchAllGradeLimitCallBack.php?cb=?", {
            key: "",
            orderCol: "id",
            orderType: "asc",  //排序方式
            showNum: 10,
            pageIndex: 2,
        }, function (data) {
            console.log(data);
        })
    })




</script>

</html>